<!doctype html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
    <meta charset="utf-8">
    <title>登录页</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../j/jQuery.js"></script>

</head>

<body>
<div class="doc1180">
    <div class="header">
        <div class="logo"><a href="####"><img src="../i/logo.png"></a></div>
        <div class="headerLink">
            <a class="###">登录</a>
            <a class="###">注册</a>
        </div>
    </div>
</div>
<div class="menu">
    <div class="doc1180">
        <div class="menuLink">
            <ul class="fn-clear">
                <li class="active"><a th:href="@{/main}" target="ifr">首页</a></li>
                <li><a th:href="@{/toefl-people/index}" target="ifr">托福人</a></li>
                <li><a th:href="@{/open-course/main}" target="ifr">公开课</a></li>
                <li><a th:href="@{/group-chat/groupchat-groupchat}" target="ifr">群组聊</a></li>
                <li><a th:href="@{/welfare-castle/index}" target="ifr">福利城堡</a></li>
            </ul>
        </div>
        <div class="fenxiang">
            <a href="#" class="weibo"><img src="../i/weibo.png"></a>
            <a href="#" class="weixin"><img src="../i/weixin.png"></a>
        </div>
    </div>
</div>
<div class="doc1180">
    <div class="login">
        <div class="login_left">
            <h3 class="login_h3">欢迎登录人人托福</h3>
            <form action="/tologin" method="post">
                <div class="login_sr"><input type="text" class="login_inputYhm" name="username" ></div>
                <div class="login_sr"><input type="text" class="login_inputMm" name="password" ></div>
                <div class="login_sr fn-clear"><input name="" type="text" class="login_inputYzm" value="验证码">
                    <div class="login_inputYzmPic"><img src="../i/yzm.png"></div>
                    <a href="###" class="login_inputYzmH">看不清，还一张</a></div>
                <div class="login_xieyi"><input name="" type="checkbox" value=""
                                                style="margin-right:10px; vertical-align:middle;">我同意<a href="###">《人人托福网服务协议》</a>
                </div>
                <div><button type="submit" class="login_Button">登录</button></div>
            </form>
            <div class="login_zcymm"><a href="###">注册帐号</a><a href="###" class="login_zhmm">找回密码</a></div>
        </div>
        <div class="login_right">
            <div class="login_rightH3">您也可以使用以下方式登录：</div>
            <div class="login_sanfang"><a href="###"><img src="../i/login_wb.png">新浪微博</a></div>
            <div class="login_sanfang"><a href="###"><img src="../i/login_qq.png">QQ登录</a></div>
            <div class="login_sanfang"><a href="###"><img src="../i/login_qw.png">腾讯微博</a></div>
            <div class="login_sanfang"><a href="###"><img src="../i/login_rr.png">人人网</a></div>
            <div class="login_shouquan">授权后表明你已同意 <a href="###">《人人托福网服务协议》</a></div>
        </div>
    </div>
</div>
<div class="flink">
    <div class="flinkTop"></div>
    <div class="flinkBody">
        <h3>友情链接</h3>
        <ul>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
            <li>友情连接友情连接</li>
        </ul>
    </div>
</div>
<div class="footer">
    <div class="doc1180">
        <div class="footerLink">
            <a href="###">人人托福</a>|
            <a href="###">联系我们</a>|
            <a href="###">招聘信息</a>|
            <a href="###">合作媒体</a>|
            <a href="###">意见反馈</a>|
            <a href="###">版权说明</a>
        </div>
        <div class="footerTxet">©2014 – xuanke.com All rights reserved. 京ICP备14022672号-1</div>
    </div>
</div>
</body>
</html>
